import React from 'react';
import { Card } from 'antd';
import styles from './index.less';
import imgBaiDU from './img/baidu.png';
import imgChaoXing from './img/chaoxing.png';
import imgCSDN from './img/CSDN.png';
import imgFengHuang from './img/fenghuang.png';
import imgSouGou from './img/sougou.png';
import imgSouHu from './img/souhu.png';
import imgZhiHu from './img/zhihu.png';
import { PageContainer } from "@ant-design/pro-layout";

export default class ToolBox extends React.Component {
  render() {
    return (
      <PageContainer>
        <Card title="知识导航">

          <a href="https://www.baidu.com/" target="example">
            <Card.Grid className={styles.gridStyle}>
              <img style={{
                width:"14px",
                height:"14px"
              }}
                   src={imgBaiDU} alt=""/> 百度 • <a href="https://zhidao.baidu.com/" target="example">知道</a>
            </Card.Grid>
          </a>

          <a href="https://www.zhihu.com/" target="example">
            <Card.Grid className={styles.gridStyle}><img style={{
              width:"14px",
              height:"14px"
            }}
                                                         src={imgZhiHu} alt=""/> 知乎
            </Card.Grid>
          </a>

          <a href="https://www.sogou.com/" target="example">
            <Card.Grid className={styles.gridStyle}>
              <img style={{
                width:"14px",
                height:"14px"
              }}
                   src={imgSouGou} alt=""/> 搜狗 • <a href="https://baike.sogou.com/" target="example">百科</a>
            </Card.Grid>
          </a>

          <a href="https://www.cnki.net/" target="example"><Card.Grid className={styles.gridStyle}>知网</Card.Grid></a>

          <a href="https://www.icourse163.org/" target="example"><Card.Grid className={styles.gridStyle}>中国大学MOOC</Card.Grid></a>

          <a href="http://erya.mooc.chaoxing.com/" target="example">
            <Card.Grid className={styles.gridStyle}>
              <img style={{
                width:"14px",
                height:"14px"
              }}
                   src={imgChaoXing} alt=""/> 超星尔雅
            </Card.Grid>
          </a>

          <a href="http://cet.neea.edu.cn/" target="example"><Card.Grid className={styles.gridStyle}>英语四、六级</Card.Grid></a>

        </Card>

        <Card title="强烈推荐">

          <a href="http://www.china.com.cn/" target="example"><Card.Grid className={styles.gridStyle}>中国网</Card.Grid></a>

          <a href="https://mil.ifeng.com/" target="example">
            <Card.Grid className={styles.gridStyle}>
              <img style={{
                width:"14px",
                height:"14px"
              }}
                   src={imgFengHuang} alt=""/> 凤凰军事
            </Card.Grid>
          </a>

          <a href="https://www.sohu.com/" target="example">
            <Card.Grid className={styles.gridStyle}>
              <img style={{
                width:"14px",
                height:"14px"
              }}
                   src={imgSouHu} alt=""/> 搜狐 • <a href="https://news.sohu.com/" target="example">新闻</a>
            </Card.Grid>
          </a>

          <a href="https://mini.eastday.com/" target="example"><Card.Grid className={styles.gridStyle}>头条新闻</Card.Grid></a>

          <a href="https://www.163.com/" target="example"><Card.Grid className={styles.gridStyle}>网易 • <a href="https://email.163.com/" target="example">邮箱</a></Card.Grid></a>

          <a href="https://www.csdn.net/" target="example">
            <Card.Grid className={styles.gridStyle}>
              <img style={{
                width:"14px",
                height:"14px"
              }}
                   src={imgCSDN} alt=""/> CSDN
            </Card.Grid>
          </a>

          <a href="https://www.zhipin.com/" target="example"><Card.Grid className={styles.gridStyle}>BOSS直聘</Card.Grid></a>
        </Card>
        <Card title="工具箱">
          <a href="https://www.qtool.net/timeinterval/" target="example">
            <Card.Grid className={styles.gridStyle}>
              日期间隔查询
            </Card.Grid>
          </a>
          <a href="https://www.qtool.net/morsecode/" target="example">
            <Card.Grid className={styles.gridStyle}>
              摩斯密码转换器
            </Card.Grid>
          </a>
          <a href="https://www.qtool.net/synonym/" target="example">
            <Card.Grid className={styles.gridStyle}>
              近义词转化工具
            </Card.Grid>
          </a>
          <a href="https://www.qtool.net/contrast/" target="example">
            <Card.Grid className={styles.gridStyle}>
              代码对比工具
            </Card.Grid>
          </a>
          <a href="https://www.qtool.net/pinum/" target="example">
            <Card.Grid className={styles.gridStyle}>
              圆周率查询
            </Card.Grid>
          </a>
          <a href="https://www.qtool.net/des/" target="example">
            <Card.Grid className={styles.gridStyle}>
              DES加密解密
            </Card.Grid>
          </a>
          <a href="https://www.qtool.net/unit/" target="example">
            <Card.Grid className={styles.gridStyle}>
              单位换算
            </Card.Grid>
          </a>
        </Card>
      </PageContainer>
    );
  }
}
